// Aufgabe_9_3_Knuffi_und_Schwein

var img01;
var img02;

function preload() {
  img01 = loadImage("Knuffi.jpg");
  img02 = loadImage("Schwein.jpg");
}

function setup() {
  createCanvas(600, 600);
  background(200);
  pixelDensity(1);
  image(img01, 0, 0);
  loadPixels();
  noStroke();

  for(var x = 0; x < width; x += 20) {
    for(var y = 0; y < height; y += 20) {
      var index = (x + (y * width)) * 4;
      var r = pixels[index + 0];
      var g = pixels[index + 1];
      var b = pixels[index + 2];
      var a = pixels[index + 3];

      image(img02, x, y, 20, 20);

      fill(r, g, b, a/2);
      rect(x, y, 15, 22);
    }
  }
}
